/// ======================= { do-panel-view } =====================
.do-panel-view
	position: fixed
	background-color:$white-color
	width:615px
	z-index:101
	border:1px solid $border-color
	+border-radius(3px)
	top:45px
	right:0
	bottom:0

.do-panel-view-header
	padding:6px 10px
	border-bottom: 1px solid $border-color
	background-color: $gray-bakcground-color
	min-height: 24px
	

.do-panel-view-title
	display:inline
	font-size:18px
	font-weight:400
	margin:0


.do-panel-view-close
	position: absolute
	right:10px
	@include sprite($close)
	
.do-panel-view-body
	min-height: 320px
	height:100%
	overflow-y:auto

.animated
	  -webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94)
	  -moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94)
	  -ms-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94)
	  -o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94)
	  transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94)
	  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
	  -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
	  -ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
	  -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
	  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)


// =================== { do-panel-info } =============================

.do-panel-info
	margin-bottom : 25px
	border : 1px solid $border-color
	border-bottom : 3px solid $border-color
	+border-radius(4px)


.do-panel-info-head
	position : relative
	display : inline-block
	top: -10px
	left : 15px
	padding : 2px 8px
	background-color : $white-color


.do-panel-info-body
	padding : 0 15px 15px 15px
	min-height : 20px
	


// =================== { do-panel } ==================================
.do-panel
	

.do-panel-head
	position : relative
	padding : 8px 15px
	background-color : $gray-bakcground-color
	border-bottom : 1px solid $border-color
	border-top : 1px solid $border-color

.do-panel-title
	margin: 0
	display: inline-block
	font-weight : 900

.do-panel-tools
	display : inline-block
	position : absolute
	top : 0
	right : 15px
	padding : 5px 0
	
.do-panel-body
	padding: 15px


.do-panel-blue
	background-color : $blue-color

.do-panel-blue-title
	color : $white-color

/* =========================open-panel ======================*/
.do-open-panel
	display:none
	position: fixed
	background-color:$white-color
	left:217px
	bottom:55px
	z-index:2
	width: 500px
	height: 230px
	padding: $base-margin
	border:1px solid $border-color
	border-radius: 5px
	box-shadow:0px 0px 3px 3px $border-color

.do-open-panel-active
	display: block

.do-open-panel .do-open-panel-head
	height: 30px
	width: 100%
	display: block

.do-open-panel  .do-icon-conf
	width: 21px
	font-size: 14px
	display: inline-block
	text-align: right
	margin-right: 5px
	@include sprite($drop-down)

.do-open-panel  .do-head-title
	display: inline-block
	float: right
	line-height: 30px
	margin-left: 25px
	color: #666666

.do-open-panel .do-open-panel-body
	position: relative
	width: 100%
	display: block
	height: 300px

.do-open-panel .do-open-panel-body > .arrow
	position: absolute
	display:block
	bottom:76px
	left: 59px
	border-left: 8px solid transparent
	border-right: 8px solid transparent
	border-top: 8px solid #fff
	

.do-open-panel .do-open-panel-body .do-open-panel-content
	width: 100%
	margin-top:$base-margin
	display: block
	overflow-y: scroll
	border:1px solid $border-color

.do-open-panel-content > a
	display: block
	margin: 65px auto
	text-align:center
// ==============={.do-panel-msg}================
.do-panel-msg
	padding: $base-margin
	background-color: $panel-msg-color
	border:1px solid $border-color
	overflow: hidden

.do-panel-msg > .do-panel-msg-body textarea
	width: 99.5%

.do-panel-msg > .do-panel-msg-footer
	position: relative
	width: 100%
	overflow: hidden
	margin-top: 10px

.do-panel-msg > .do-panel-msg-footer > .do-msg-send
	float: right

.do-panel-msg > .do-panel-msg-footer > .do-msg-tool
	display: block
	float: left

.do-panel-msg > .do-panel-msg-footer > .do-msg-tool > li
	display: inline-block
	line-height: 38px
	margin-right: $base-margin

.do-tool-icons
	width: 16px
	display: inline-block
	text-align: right
	margin-right: 5px
	vertical-align: sub

.do-panel-msg  .do-msg-tool-img > i
	@extend .do-tool-icons
	@include sprite($img)

.do-panel-msg  .do-msg-tool-talk > i
	@extend .do-tool-icons
	@include sprite($talk)

.do-panel-msg  .do-msg-tool-video > i
	@extend .do-tool-icons
	@include sprite($img)

/* ==========退款消息提示框 .do-panel-refund================== */

.do-panel-refund-row 
	display : inline-block
	width:100%

.do-panel-refund
	
	padding:15px
	margin-left:15px
	margin-right:15px
	border-radius:5px
	background-color:$panel-refund-bg-color

.do-panel-refund .do-refund-title
	font-weight:bold

.do-panel-refund .do-refund-info
	@extend .do-panel-refund-row 
	& > li 
		display : inline-block
		margin-right: 10px

.do-panel-refund .do-refund-error
	@extend .do-panel-refund-row 
	text-align:left
	color:$red-color

.do-panel-refund .do-refun-tool
	@extend .do-panel-refund-row 
	& > li
		display: inline-block
		float: right
		margin-left: 15px

.do-panel-refund .do-refund-btn
	background-color:$white-color
	
/* ===================== .do-panel-body-*================== */

.do-panel-body-head
	padding:15px
	border-bottom: 1px solid $border-color

.do-panel-body-head .do-panel-search
	display:inline-block

.do-panel-search .do-panel-list
	display:inline-block

.do-panel-search .do-panel-list li
	display:inline-block

.do-panel-search .do-search-type-btn
	margin-left:125px
	
.do-panel-body-content
	padding:15px



	
